<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                                                                                    rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/smart">首页</a>
                </li>
                <li>
                    <a href="#/smart/query/smart_query_list">API开发</a>
                </li>
                <li class="active">创建API</li>
            </ul>
        </div>
    </div>
</div>
<style type="text/css">
    table tr td{
        border: none;
    }
</style>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12 col-md-12 main">
            <div class="col-md-8 col-md-offset-2">
                <h2 style="text-align: center">详情信息</h2>
                <form name="form" novalidate>
                    <table border=0 cellpadding=0 cellspacing=0 frame=void>

                        <tr>
                            <td width="600px" colspan="2" class="form-group">
                                <label style="padding: 0 0 5px">查询编码</label>
                                <input type="text" class="form-control" name="queryCode" ng-model="vm.p.queryCode"/>
                            </td>
                        </tr>
                        <tr>
                            <td width="600px" colspan="2" class="form-group">
                                <label style="padding: 0 0 5px">API路径</label>
                                <input type="text" class="form-control" name="queryPath" ng-model="vm.p.queryPath"/>
                            </td>
                        </tr>
                        <tr>
                            <td width="600px" colspan="2" class="form-group">
                                <label style="padding: 0 0 5px">协议：</label>
                                <label style="padding: 0 0 5px">HTTP & HTTPS</label>
                            </td>
                        </tr>
                        <tr>
                            <td width="600px" colspan="2" class="form-group">
                                <label style="padding: 0 0 5px">请求方式：</label>
                                <label style="padding: 0 0 5px">POST</label>
                            </td>
                        </tr>
                        <tr>
                            <td width="600px" colspan="2" class="form-group">
                                <label style="padding: 0 0 5px">返回类型：</label>
                                <label style="padding: 0 0 5px">JSON</label>
                            </td>
                        </tr>
                        <tr>
                            <td width="600px" colspan="2" class="form-group">
                                <label style="padding: 0 0 5px">可见范围：</label>
                                <label style="padding: 0 0 5px">工作空间</label>
                            </td>
                        </tr>

                        <tr>
                            <td width="600px" colspan="2" class="form-group">
                                <label style="padding: 0 0 5px">标签：</label>
                                <input type="text" class="form-control" name="labels" ng-model="vm.p.labels"/>
                            </td>
                        </tr>

                        <tr>
                            <td colspan="2" class="form-group">
                                <label style="padding: 0 0 5px">描述：</label>
                                <textarea class="form-control" name="queryComment"  ng-model="vm.p.queryComment" style="height: 70px;width:776px;" required></textarea>
                            </td>
                        </tr>

                        <tr>
                            <td width="600px" colspan="2" class="form-group">
                                <label style="padding: 0 0 5px">所属应用</label>
                                <input type="text" class="form-control" name="topic" ng-model="vm.p.app"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="1" class="form-group">
                                <label style="padding: 0 0 5px">负责人（OA账号）</label>
                                <input type="text" class="form-control" name="owner" ng-model="vm.p.owner"/>
                            </td>
                        </tr>
                    </table>
                    <div class="form-group">
                        <a class="btn btn-primary" ng-click="setQueryCmd()">确定</a>
                        <a class="btn btn-default" href="#/smart/query/smart_query_list" >返回</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>